<!DOCTYPE html>
<html lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>物流信息</title>
    <meta name="keywords" content="物流信息" />
    <meta name="description" content="物流信息" />
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width,viewport-fit=cover">
    <link th:href="@{/shoppingApi/css/public.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/logistics.css}" rel="stylesheet">
</head>
<body>
<div class="main logistics">
    <div class="main_con c323232">
        <!--<p class="logistics_title pl15 pr15 bgfff ft17 c323232 ftc flex flex-ac">-->
        <!--<img class="back" src="./images/back.png">-->
        <!--<span class="it1">物流信息</span>-->
        <!--</p>-->
        <div class="logistics_status ftc bgfff ml15 mr15">
            <img src="/shoppingApi/images/classimg6.png">
            <p class="ft14 c646464 mb20 mt20">日晒纳米洗衣片 去污护色 雨水即溶</p>
            <div class="pad15 ftl status">
                <p class="ft17">已出货</p>
                <p class="ft10">预计后天到达</p>
            </div>
        </div>
        <div class="logistics_express mt15 bgfff pad15 ml15 mr15">
            <div class="flex">
                <img src="/shoppingApi/images/express.png">
                <div class="ml15 c323232">
                    <p class="ft17 express_title">百世快递</p>
                    <p class="ft10">官方电话：111111</p>
                </div>
            </div>
            <p class="overflow ft14 c323232 pb10">
                <span class="ml15 fl" th:text="${'韵达快递:'+orderLogistics.logistics.logisticsNo}"></span>
                <span class="fr num">复制物流编号</span>
            </p>
        </div>
        <div class="logistics_condition bgfff mt15 ml15 mr15 pr15 mb15">
            <ul>
                <li class="flex mb15">
                    <p class="time"></p>
                    <span class="text ft17">收</span>
                    <span class="c969696 ft14 it1 ml15" th:text="${'[收货地址]'+orderLogistics.address.provinceName+orderLogistics.address.cityName+orderLogistics.address.areaName+orderLogistics.address.detailAddr}"></span>
                </li>
                <!--<li class="flex mb15 active">-->
                    <!--<p class="time ftc">-->
                        <!--<span class="c646464 ft15 db" th:text="${#dates.format(orderLogistics.logistics.time, 'yyyy-MM-dd')}"></span>-->
                        <!--<span class="c969696 ft10 db">12:25</span>-->
                    <!--</p>-->
                    <!--<span class="text ft17">出</span>-->
                    <!--<span class="c969696 ft14 it1 ml15">-->
                        <!--<span class="ft17 db">已出库</span>-->
                        <!--<span class="ft12 db">您的包裹已出库</span>-->
                    <!--</span>-->
                <!--</li>-->
                <li  class="flex mb15 active" th:each="ss,model:${orderLogistics.dataInfo}">
                    <!--<tr th:each="user,userStat:${users}">-->
                    <p class="time ftc">
                        <span class="c646464 ft15 db" th:text="${#dates.format(ss.time, 'MM-dd')}"></span>
                        <span class="c969696 ft10 db" th:text="${#dates.format(ss.time, 'HH:mm')}"></span>
                    </p>
                    <span class="text ft17">发</span>
                    <span class="c969696 ft14 it1 ml15">
                        <span class="ft17 db">已发货</span>
                        <span class="ft12 db" th:text="${ss.context}"></span>
                    </span>
                </li>
            </ul>
        </div>
    </div>
</div>
<a class="back-user-btn" href="/wap/openUserCenter"><span>返回个人中心</span></a>
</body>
<script th:src="@{/shoppingApi/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/shoppingApi/js/common.js}"></script>
<script type="application/javascript">
    $(".back").on('click',function () {
        window.history.back(-1);
    })
</script>
</html>